.chatContainer {
  height: 100%;
  
  .chatCard {
    height: 100%;
    display: flex;
    flex-direction: column;
    
    :global(.ant-card-body) {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 0;
    }
  }
  
  .messageList {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    
    .user {
      justify-content: flex-end;
      
      .messageContent {
        background-color: #1890ff;
        color: #fff;
      }
    }
    
    .assistant {
      justify-content: flex-start;
      
      .messageContent {
        background-color: #f0f0f0;
        color: #333;
      }
    }
    
    .messageContent {
      max-width: 70%;
      padding: 12px 16px;
      border-radius: 8px;
      word-wrap: break-word;
    }
    
    .loading {
      text-align: center;
      color: #999;
      padding: 20px;
    }
  }
  
  .inputArea {
    border-top: 1px solid #f0f0f0;
    padding: 20px;
  }
}